{% extends 'base_product.html' %}
{% block body %}
<div class="p-4 p-md-5 mb-4 text-white rounded bg-dark">
	<div class="col-md-6 px-0">
		<h2 class="display-4 fst-italic">{{ the_title }}</h2>
		<h4 class="display-4 fst-italic">You submitted the following data:</h4>
		<p class="lead my-3 fw-bold" >Phrase:{{ the_phrase }}</p>
		<p class="lead my-3 fw-bold" >Letters:{{ the_letters }}</p>
		<h4 class="display-8 fst-italic"><a class="text-white fw-bold">When "{{ the_phrase }}" is search for "{{ the_letters }}", the folowing results are returned:</a></h4>
		<h3 class="display-4 fst-italic">{{ the_results }}</h3>
	</div>
</div>
{% endblock %}